{% extends 'base.html' %}

{% block title%}首页{% endblock %}
{% block head %}
<link rel="stylesheet" href="{{url_for('static', filename = 'css/index.css')}}">
{% endblock%}
{% block main%}
<div class="conversation-container">
<ul>
	{% for conversation in conversations %}
    <li>
        <div class="avatar-group">
            <img src="{{url_for('static', filename = 'images/picture.png')}}" alt="" class="avatar">
        </div>
        <div class="conversation-group">
		<p class="conversation-title"><a href="{{url_for('detail', conversation_id = conversation.id)}}">{{conversation.title}}</a></p>
		<p class="conversation-content">{{conversation.content}}</p>
            <div class="conversation-info">
		    <span class="conversation-author">{{conversation.author.username}}</span>
		    <span class="conversation-time">{{conversation.create_time}}</span>
            </div>
        </div>
    </li>
	{% endfor %}
</ul>
</div>
{% endblock %}
